<!DOCTYPE html>
<html>

	<head>
	    <meta charset="UTF-8">
        <meta name="keywords" content="新中式椅子;新中式灯;新中式书桌;新中式家具;新中式风格;新中式;iColor">
        <meta name="description" content="有人说它不仅仅是一种风格，更多的是一种生活态度，因为它不是纯粹的元素堆砌，而是脱去传统中式家具的沉重，把中国传统风格揉进现代时尚元素，新中式出现让家具更显轻松与韵味。">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0">
		<title>新中式才不是你们印象里的一派陈旧呐_iColor产品专题_iColor</title>
		<link rel="stylesheet" href="../../vendors/bootstrap/css/bootstrap.min.css" />
        <link rel="stylesheet" href="../../vendors/fontawesome/css/font-awesome.min.css" />
        <link rel="stylesheet" href="../../css/style.css">
        <link rel="stylesheet" href="../public/css/tao.css">
        <style>
            .scene-wrap{
                background: #fff;
            }
        </style>
	</head>

	<body>
		<!-- 页面头部 开始 -->
		<div class="ic-header">
		    <div class="main-nav">
		        <div class="container">
		            <div class="row">
		            
		                <div class="main-logo col-xs-12 col-md-2">
		                    <a href="https://www.icolor.com.cn/">
		                        <img src="../../images/public/icolor-logo.png" alt="icolor-logo">
		                    </a>
		                </div>
		
		                <div class="col-xs-12 col-md-6 col-lg-5">
		                    <ul class="list-unstyled row main-nav-ul">
		                        <li class="col-xs-4">
		                        <!-- @@@ 修改链接地址 -->
		                            <a href="https://www.icolor.com.cn/meitu">
		                                <h2>美居美图</h2>
		                                <h4>海量图文灵感搭配</h4>
		                            </a>
		                        </li>
		                        <li class="col-xs-4">
		                        <!-- @@@ 修改链接地址 -->
		                        <a href="https://www.icolor.com.cn/jiapin">
		                            <h2>美居家品</h2>
		                            <h4>场景体验一站购买</h4>
		                        </a></li>
		                        <li class="col-xs-4">
		                        <!-- @@@ 修改链接地址 -->
		                        <a href="https://www.icolor.com.cn/design">
		                            <h2>美居设计</h2>
		                            <h4>家居设计定制服务</h4>
		                        </a></li>
		                    </ul>
		                </div>
		
		              
		                
		            </div>
		        </div>
		    </div>
		</div>
		<!-- 页面头部 结束 -->
		

		<!-- 内容主体开始-->
		<div class="container-fluid scene-wrap" id="container">
            <div class="row">
                <div class="scene-share">
                    <div class="container">
                        <div class="col-md-6">
                            <div class="pull-left share-bar">
                                <div class="bdsharebuttonbox">
                                    <a href="#" class="bds_more" data-cmd="more"><i class="fa fa-th"></i></a>
                                    <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"><i class="fa fa-weixin"></i></a>
                                    <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"><i class="fa fa-weibo"></i></a>
                                    <a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"><i class="fa fa-tencent-weibo"></i></a>
                                </div>
                               <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="pull-right">
                                <div class="form-inline">
                                    <span>相关专题</span>
                                    <div class="form-group">
                                        <select class="form-control">
                                            <option value="">请选择</option>
                                            <option value="http://ap.icolor.com.cn/newicolor/tao/1/index.html">Vol.1 家的复古情节</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="text-center"><img src="images/kv.jpg" alt=""></div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="scene" v-for="scene in scenes">
                        <div class="hd"><img :src="'images/'+scene.title" alt=""></div>
                        <div class="bd">
                            <a :href="scene.main.link" target="_blank"><img :src="'images/'+scene.main.pic" alt=""></a>
                        </div>
                        <div class="rec">
                            <div class="tit"><img src="images/recommend-tit.jpg" alt=""></div>
                            <div>
                                <div class="col-md-3 col-xs-6" v-for="product in scene.products">
                                    <div class="pro">
                                        <a :href="product.link" target="_blank">
                                            <img :src="'images/'+product.image" alt="">
                                            <h3 v-text="product.name"></h3>
                                            <strong><small>￥</small><span v-text="product.price | currencyDisplay"></span></strong>
                                            <em></em>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
		</div>	
        <!-- 内容主体结束-->	
		
        <!-- 页面尾部 开始 -->
            <div class="ic-footer-slogen">
            	<div class="container">
                    <div class="row hidden-xs hidden-sm">
                    	<div class="slogen col-sm-4"><img src="../../images/public/footer-slogen-01.png" alt=""></div>
                    	<div class="slogen col-sm-4"><img src="../../images/public/footer-slogen-02.png" alt=""></div>
                    	<div class="slogen col-sm-4"><img src="../../images/public/footer-slogen-03.png" alt=""></div>
                    </div>
                    <div class="row hidden-md hidden-lg">
                    	<div class="slogen-xs col-xs-4"><img src="../../images/public/footer-slogen-xs-1.png" alt=""></div>
                    	<div class="slogen-xs col-xs-4"><img src="../../images/public/footer-slogen-xs-2.png" alt=""></div>
                    	<div class="slogen-xs col-xs-4"><img src="../../images/public/footer-slogen-xs-3.png" alt=""></div>
                    </div>
                </div>
            </div>
        
            <div class="ic-footer-mobile hidden">
            	<div class="contianer">
            		<div class="ic-footer-group">
            			<a class="ic-footer-fold-toggle" href="meitu-index.html">
            				<h4>
            					美居美图
            					<i class="fa fa-chevron-down pull-right"></i>
            					<i class="fa fa-chevron-up pull-right"></i>
            				</h4>
            			</a>
            			<div class="ic-footer-fold">
            				<ul class="list-unstyled">
        						<li><a href="meitu-video-list.html">美居视频</a></li>
        						<li><a href="meitu-list.html">美居图库</a></li>
        						<li><a href="meitu-index.html">美居资讯</a></li>
        						<li><a href="meitu-project.html">专题活动</a></li>
        					</ul>
            			</div>
            		</div>
        
            		<div class="ic-footer-group">
            			<a class="ic-footer-fold-toggle" href="jiapin-choice.html">
            				<h4>
            					美居家品
            					<i class="fa fa-chevron-down pull-right"></i>
            					<i class="fa fa-chevron-up pull-right"></i>
            				</h4>
            			</a>
            			<div class="ic-footer-fold">
            				<ul class="list-unstyled">
        						<li><a href="jiapin-choice.html#ic-choice-changjing">按场景选择</a></li>
        						<li><a href="jiapin-choice.html#ic-choice-taocan">按套餐选择</a></li>
        						<li><a href="jiapin-choice.html#ic-choice-danpin">按单品选择</a></li>
        						<li><a href="jiapin-prefs.html">设计首选</a></li>
        					</ul>
            			</div>
            		</div>
        
            		<div class="ic-footer-group">
            			<a class="ic-footer-fold-toggle" href="sheji-index.html">
            				<h4>
            					美居设计
            					<i class="fa fa-chevron-down pull-right"></i>
            					<i class="fa fa-chevron-up pull-right"></i>
            				</h4>
            			</a>
            			<div class="ic-footer-fold">
            				<ul class="list-unstyled">
        						<li><a href="sheji-dapei.html">在线搭配</a></li>
        						<li><a href="sheji-workshop.html">设计师工作室</a></li>
        					</ul>
            			</div>
            		</div>
        
            		<div class="ic-footer-group">
            			<a class="ic-footer-fold-toggle" href="#">
            				<h4>
            					友情链接
            					<i class="fa fa-chevron-down pull-right"></i>
            					<i class="fa fa-chevron-up pull-right"></i>
            				</h4>
            			</a>
            			<div class="ic-footer-fold">
            				<ul class="list-unstyled">
                              <li><a href="http://www.nipponpaint.com.cn/" target="_blank">立邦官网</a></li>
                              <li><a href="http://shop.nipponpaint.com.cn/" target="_blank">立邦官方商城</a></li>
                              <li><a href="http://nipponpaint.tmall.com/shop/viewShop.htm" target="_blank">立邦天猫商城</a></li>
                              <li><a href="http://www.51hejia.com/" target="_blank">和家网</a></li>
                              <li><a href="http://www.pchouse.com.cn/" target="_blank">太平洋家居网</a></li>
                              <li><a href="http://home.jc001.cn/" target="_blank">装修网</a></li>
                              <li><a href="http://www.soupu.com/" target="_blank">搜铺网</a></li>
                              <li><a href="http://www.iwebchoice.com/" target="_blank">装修效果图</a></li>
                              <li><a href="http://home.sh.fang.com/" target="_blank">上海装修</a></li>
        					</ul>
            			</div>
            		</div>
        
            	</div>
            </div>
        
        	<div class="ic-footer-1 hidden-xs hidden-sm">
        		<div class="container">
                    <div class="row">
        				<div class="ic-footer-nav col-xs-12 col-md-2">
        					<h4>美居美图</h4>
        					<ul class="list-unstyled">
        						<li><a href="meitu-video-list.html">美居视频</a></li>
        						<li><a href="meitu-list.html">美居图库</a></li>
        						<li><a href="meitu-index.html">美居资讯</a></li>
        						<li><a href="meitu-project.html.html">专题活动</a></li>
        					</ul>
        				</div>
        				<div class="ic-footer-nav col-xs-12 col-md-2">
        					<h4>美居家品</h4>
        					<ul class="list-unstyled">
        						<li><a href="jiapin-changjing.html">按场景选择</a></li>
                                <li><a href="jiapin-taocan.html">按套餐选择</a></li>
                                <li><a href="jiapin-danpin.html">按单品选择</a></li>
                                <li><a href="jiapin-prefs.html">设计首选</a></li>
        					</ul>
        				</div>
        				<div class="ic-footer-nav col-xs-12 col-md-2">
        					<h4>美居设计</h4>
        					<ul class="list-unstyled">
        						<li><a href="sheji-dapei.html">在线搭配</a></li>
                                <li><a href="sheji-workshop.html">设计师工作室</a></li>
        					</ul>
        				</div>
        				<div class="col-xs-12 col-md-6 hidden-xs hidden-sm">
        					<div class="ic-qrcode">
        						<h4>官方微信号</h4>
        						<img src="../../images/public/qrcode.png" alt="qrcode">
        					</div>
        					<div class="ic-qrcode">
        						<h4>iColor APP</h4>
        						<img src="../../images/public/qrcode.png" alt="qrcode">
        					</div>
        				</div>
                    </div>
                </div>
        	</div>
        
        	<div class="ic-footer-2  hidden-xs hidden-sm">
        		<div class="container">
        			<div class="row">
        	            <div class="friendlink col-xs-12 col-md-9">
        	            	<ul class="list-inline">
        	            		<span>友情链接：</span>
        	            		<li><a href="http://www.nipponpaint.com.cn/" target="_blank">立邦官网</a></li>
                                <li><a href="http://shop.nipponpaint.com.cn/" target="_blank">立邦官方商城</a></li>
                                <li><a href="http://nipponpaint.tmall.com/shop/viewShop.htm" target="_blank">立邦天猫商城</a></li>
                                <li><a href="http://www.51hejia.com/" target="_blank">和家网</a></li>
                                <li><a href="http://www.pchouse.com.cn/" target="_blank">太平洋家居网</a></li>
                                <li><a href="http://home.jc001.cn/" target="_blank">装修网</a></li>
                                <li><a href="http://www.soupu.com/" target="_blank">搜铺网</a></li>
                                <li><a href="http://www.iwebchoice.com/" target="_blank">装修效果图</a></li>
                                <li><a href="http://home.sh.fang.com/" target="_blank">上海装修</a></li>
        	            	</ul>
                    	</div>
                    	<div class="icolor-social col-xs-12 col-md-3">
                    		<ul class="list-inline">
                    			<span><a href="" class="fa fa-th"></a></span>
                    			<li><a href="" class="fa fa-tencent-weibo"></a></li>
                    			<li><a href="" class="fa fa-weibo"></a></li>
                    			<li><a href="" class="fa fa-wechat"></a></li>
                    		</ul>
                    	</div>
                   </div>
               </div>
        	</div>
        
        	<div class="ic-footer-3">
        		<div class="container">
        			<div class="row">
        	            <div class="ic-footer-sitenav col-xs-12 hidden-xs">
        	            	<ul class="list-inline">
        	            		<li><a href="http://www.nipponpaint.com.cn/" target="_blank">立邦官网</a></li>
        	            		<li><a href="">联系我们</a></li>
        	            		<li><a href="">会员机制</a></li>
        	            		<li><a href="">网上商城</a></li>
        	            		<li><a href="">网站声明</a></li>
        	            		<li><a href="">关于我们</a></li>
        	            		<li><a href="">网站地图</a></li>
        	            	</ul>
        	            </div>
        	            <div class="ic-copyright col-xs-12">
        	            	<p>Copyright 2012 NIPPON PAINT (CHINA)Co.,Ltd All Rights Reserved<br/>iColor装修网 icolor.com.cn 沪ICP备13045279号</p>
        	            </div>
                   </div>
               </div>
        	</div>
        	<!-- 页面尾部 结束 -->

		<script type="text/javascript" src="../../vendors/jquery/jquery.min.js"></script>
        <script type="text/javascript" src="../../vendors/bootstrap/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="../../js/app.js"></script>

        <script src="../public/js/vue.min.js"></script>
        <script src="data.js"></script>
        <script>
            new Vue({
                el: '#container',
                data: {
                    scenes: scenes
                },
                filters: {
                    currencyDisplay: function(num){
                        num = num.toString().replace(/\$|\,/g,'');  
                        if(isNaN(num)){ num = "0"; }  
                        sign = (num == (num = Math.abs(num)));  
                        num = Math.floor(num*100+0.50000000001);  
                        cents = num%100;  
                        num = Math.floor(num/100).toString();  
                        if(cents<10){ cents = "0" + cents; }

                        for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++){
                            num = num.substring(0,num.length-(4*i+3))+','+ num.substring(num.length-(4*i+3));
                        }
                        return (((sign)?'':'-') + num + '.' + cents);  
                    }
                }
            })
        </script>
	</body>

</html>